<%@ page import="java.io.*, java.text.*, java.util.Date, java.sql.*, javax.servlet.*, javax.servlet.http.*, java.util.*" %>

<%
/*String usernameSC = (String) session.getAttribute("session_name");
String typeSC = (String) session.getAttribute("type");
if(!(usernameSC != null && !(typeSC.equals("student"))))
	response.sendRedirect("error.jsp");*/
%>
<html>
<head>
<style>
.free {
	margin-right:0px;
	color: white;
	background-color: #877065;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	border-left: solid 1px #aaaaaa;
	border-top: solid 1px #aaaaaa;
	cursor:pointer;
	width: 90px; 
	height: 35px;	
}


.choosen {
	margin-right:0px;
	color: black;
	background-color: #eeeeee;
	font-weight: bold;
	font-size: 8pt;
	border-bottom: none;
	border-left:  solid 1px #877065;
	border-top: solid 1px #877065;
	border-right:  solid 1px #877065;
	text-align:center;
	width: 90px; 
	height: 35px;
}

.tabsbody {
	font-size: 13pt;
	background-color: #eeeeee;
	border-bottom: solid 1px #4f75a6;
	border-left:  solid 1px #4f75a6;
	border-right:  solid 1px #4f75a6;
}
.Btable {
	border-left:solid 1px black;
	border-right: solid 1px black;
	border-top:solid 1px black;
	border-bottom: solid 1px black;
}

.mainDiv{
	overflow: auto;
	}


</style>
</head>
<body onload="initial()">
<script>
var previousType = "description";
function initial()
{
	var output = "<pre><font style='font-size: "+opener.document.addProject.fSize.value+"pt' face='"+opener.document.addProject.fStyle.value+"'>";
	output += opener.document.addProject.description.value + "</font></pre>";
	document.getElementById("preview").innerHTML = output;
	document.getElementById("titleDiv").innerHTML = "<u>" +opener.document.addProject.Title.value + "</u>";
	document.body.scroll = "yes";
}

function show1(type)
{
	document.getElementById("preview").innerHTML = "<pre>"+eval("opener.document.addProject."+type+".value")+"<pre>";
	document.getElementById(previousType).className = "free";
	document.getElementById(type).className = "choosen";
	previousType = type;
	
}

function closeWindow()
{
	window.close();	
}
</script>
<center>

<form name= "previewForm" method="POST" action="addProject.jsp">

<center><table  class="Btable" height= "50%" width="99%" cellspacing="0" cellpadding="0" >
<tr><td style="color: #000000; font-size: 12pt" ><b>Title:</b></td>
	<td colspan="8" >
	<div id="titleDiv" style="color: #ff0000; font-size: 14pt"></div>
	</td>
</tr>
<tr>
	<td id="description" class="choosen" onclick="show1('description')">Description
	</td>
	<td id="project_objectives" class="free" onclick="show1('project_objectives')">Project<br>Objectives
	</td>
	<td id="required_background" class="free" onclick="show1('required_background')">Required<br>Background
	</td>
	<td id="tools_needed" class="free" onclick="show1('tools_needed')">Tools<br>Needed
	</td>
	<td id="difficulty_level" class="free" onclick="show1('difficulty_level')">Difficulity<br>Level
	</td>
	<td id="project_type" class="free" onclick="show1('project_type')">Project<br>Type
	</td>
	<td id="project_keywords" class="free" onclick="show1('project_keywords')">Project<br>Keywords
	</td>
	<td id="expected_results" class="free" onclick="show1('expected_results')">Expected<br>Results
	</td>
	<td id="additional_comments" class="free" onclick="show1('additional_comments')">Additional<br>Comments
	</td>
</tr>	
<tr height="100%"  style="padding: 0px; width: 90%; height: 500">
	<td  class="tabsbody" colspan="10" valign="top">
	<div id="preview">
	</div>
	</td>
</tr>
<tr>
	<td colspan="9">
		<center><input type="button" value ="Close" onclick="closeWindow()"/></center>
	</td>
</tr>
	 </table>
</form>
</center>




</body>
</html>